<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

 <f:view>
	<f:event listener="#{loginBean.checkLogin}" type="preRenderView"></f:event>
	<h:head>
<style type="text/css">
.ui-widget,.ui-widget .ui-widget {
	font-size: 90% !important;
}
</style>
</h:head>
<h:body>
	<p:menubar>
		<p:submenu label="Adquisicion">
			<p:menuitem value="Registrar" url="registraradquisicion.xhtml" />
			<p:menuitem value="Validar adquisicion" url="validaradquisicion.xhtml" />
		</p:submenu>
		<p:submenu label="Inventario">
			<p:menuitem value="Exportacion" url="exportacion.xhtml" />
		</p:submenu>
		<p:submenu label="Baja">
			<p:menuitem value="Dar de baja" url="dardebaja.xhtml" />
			<p:menuitem value="Validar baja" url="validarbaja.xhtml" />
		</p:submenu>
			<p:submenu label="Donaciones">
			<p:menuitem value="Realizar Donacion" url="donacion.xhtml" />
			<p:menuitem value="Validar Donaciones" url="validarDonacion.xhtml" />
		</p:submenu>
		<p:submenu label="Transferencias">
			<p:menuitem value="Realizar Transferencia" url="transferencia.xhtml" />
			<p:menuitem value="Validar Transferencia" url="validarTransferencia.xhtml" />
		</p:submenu>
	</p:menubar>
	<p:commandButton actionListener="#{loginBean.cerrarSesion}" value="saliida"></p:commandButton>
	
	<h:form>
		<p:growl id="growl" showDetail="true" sticky="true" />
		
		<p:panel header="Dar de baja" id="panel">
			<h:panelGrid columns="3" id="grid">
				<p:outputLabel for="expediente" value="N° de Expediente: "/> 
				<p:inputText id="expediente" value="#{dardebaja.expediente.numero}" required="true"/> 
				<p:message for="expediente"/>
				
				<p:outputLabel for="numOficio" value="N° de Oficio: "/> 
				<p:inputText id="numOficio" value="#{dardebaja.oficio.numero}" required="true"/> 
				<p:message for="numOficio"/>

				<p:outputLabel for="fecOficio" value="Fecha de Oficio: "/>
				<p:calendar id="fecOficio" value="#{dardebaja.oficio.fecha}" mode="popup" showOn="button" required="true">
					<f:convertDateTime pattern="d/M/yyyy" />
				</p:calendar>
				<p:message for="fecOficio"/>
			</h:panelGrid>
					
			<h:panelGrid columns="3">
				<p:panel>
					<p:dataTable id="tabla1" value="#{dardebaja.bienesNormales}" var="bien" widgetVar="tabla1"
						selection="#{dardebaja.bienesSeleccionadosNor}" rowKey="#{bien.codigoSBN}"  paginator="true" rows="15">
						<f:facet name="header">Bienes actuales</f:facet>
						
						<p:column selectionMode="multiple" width="20"/>
						 
						<p:column filterBy="codigoSBN" headerText="SBN" filterMatchMode="contains" >
							<h:outputText value="#{bien.codigoSBN}" />
						</p:column>
						
						<p:column filterBy="descripcion" headerText="descripcion" filterMatchMode="contains" >
							<h:outputText value="#{bien.descripcion}" />
						</p:column>
						
						<p:column filterBy="estado" headerText="estado" filterMatchMode="contains">
							<h:outputText value="#{bien.estado}" />
						</p:column>
					</p:dataTable>
				</p:panel>

				<p:panel>
					<p:commandButton value="Añadir" type="button" icon="ui-icon-circle-triangle-e">
						<p:ajax event="click" listener="#{dardebaja.eliminarBien}" process="@this tabla1 tabla2" update="tabla1 tabla2" oncomplete="tabla1.clearFilters(); tabla2.clearFilters();"/>
					</p:commandButton>
					
					<p:commandButton value="Quitar" type="button" icon="ui-icon-circle-triangle-w">
						<p:ajax event="click" listener="#{dardebaja.deseliminarBien}" process="@this tabla1 tabla2" update="tabla1 tabla2" oncomplete="tabla1.clearFilters(); tabla2.clearFilters();"/>
					</p:commandButton>
				</p:panel>
				                                                        
				<p:panel>
					<p:dataTable id="tabla2" value="#{dardebaja.bienesEliminados}" var="bien" widgetVar="tabla2" editable="true"
						selection="#{dardebaja.bienesSeleccionadosEli}" rowKey="#{bien.codigoSBN}"  paginator="true" rows="15">
						<f:facet name="header">Bienes a dar de baja</f:facet>
						
						<p:column selectionMode="multiple" width="20"/>
						 
						<p:column filterBy="codigoSBN" headerText="SBN" filterMatchMode="contains" >
							<h:outputText value="#{bien.codigoSBN}" />
						</p:column>
						
						<p:column filterBy="descripcion" headerText="descripcion" filterMatchMode="contains" >
							<h:outputText value="#{bien.descripcion}" />
						</p:column>
						
						<p:column headerText="Estado" filterBy="estado" filterMatchMode="contains">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{bien.estado}" />
								</f:facet>
								<f:facet name="input">
									<h:selectOneMenu value="#{bien.estado}" >  
				                        <f:selectItem itemLabel="N" itemValue="N" />  
				                        <f:selectItem itemLabel="B" itemValue="B" />  
				                        <f:selectItem itemLabel="R" itemValue="R" />  
				                        <f:selectItem itemLabel="M" itemValue="M" />  
				                    </h:selectOneMenu> 
								</f:facet>
							</p:cellEditor>
						 </p:column>
						 
						<p:column>
							<p:rowEditor />
						</p:column>
					</p:dataTable>
				</p:panel>
			</h:panelGrid>
		</p:panel>
		<p:commandButton id="baja" value="Dar de baja" action="#{dardebaja.generarPdf}" update="grid growl"/>
		
		<p:blockUI block="panel" trigger="baja">
        	Dando de baja a los bienes seleccionados ...
        	<br/><p:graphicImage height="50" width="50"  value="img/LoadingWheel.gif" />
        </p:blockUI>
	</h:form>
</h:body>
</f:view>
</html>